<template>
    <div class="Geme">
        <h2>游戏列表</h2>
        <slot name="a" :youxi="games" a="haha" b="你好"></slot>

    </div>
</template>

<script setup name="Game" lang="ts">
import { reactive } from 'vue';

let games = reactive([
    { id: "01", name: "王者荣耀" },
    { id: "02", name: "英雄联盟" },
    { id: "03", name: "红色警戒" },
    { id: "04", name: "斗罗大陆" }
])

</script>

<style  scoped>
.Geme {
    width: 200px;
    height: 300px;
    background-color: rgb(95, 194, 233);
    border-radius: 10px;
    box-shadow: 0 0 10px;
}

h2 {
    background-color: orange;
    text-align: center;
    /* font-size: 20px; */
}
</style>